
/** 
 * Website background style
*/
.background, .background-cache{ width: 100%; height: 100%;
overflow: hidden; z-index: -2; position: absolute; display: block; top: 0px; left: 0px;}
.background2{ width: 100%; height: 100%;
overflow: hidden; z-index: -3; position: absolute; display: block; top: 0px; left: 0px;
background: url(/local/tlo.png) center center no-repeat;}

.background-cache{    
    /*display: none;*/
    opacity: 0.0;
    z-index: -2;
}


/**
 * Preloader information
*/
.image-preloader
{   
    min-width: 150px;    
    border: 1px solid #000000;    
    background: #000000;
            
    position: absolute;
    z-index: 2;
    display: none;
    
    opacity: 0.1;
}

.image-preloader p
{
    color: #FFFFFF;    
    font-family: Open Sans;
    font-size: 12px;    
     padding: 5px 10px;
}

/**
 * Image description window
*/
.image-description
{
    left: 200px;
    top: 20px;
    
    width: 350px;
    min-height: 100px;
    
    background: #FFFFFF;    
    position: fixed;
    
    padding: 10px 10px;
}
.image-description h1
{
    font-family:PT Sans Narrow;
    font-size: 22pt;
}

.image-description p
{
    font-family: "Open Sans";
    font-size: 12px;
    
    color: #444444;
    
    text-align: justify;
    
    padding: 0px 10px;  
    margin: 0px 0px;
    
    display: block;
}

.image-description-buttons{
    margin: 10px;
}

/**
 * Horizontal list styles
*/

#image-list-left{
    left: 10px;
}

.image-list-horizontal
{
    width:  492px;
    height: 44px;
    
    position: fixed;
    bottom: 100px;
    right: 10px;
    
    display: none;
}

.image-list-horizontal #Shift
{
    width: 40px;
    height: 44px;    
    float: left;
    cursor: pointer;
    z-index: 1;
    display: block;
}

.image-list-horizontal-left{ background: url("r.png"); }
.image-list-horizontal-right{ background: url("l.png"); opacity: 0.1;}

.image-list-horizontal #Images
{
    float: left;
    width: 388px;
    height: 44px;
    overflow: hidden;    
    z-index: 1;
    
    display: block;
}

.image-list-horizontal #ImagesList
{    
    z-index: -1;
    margin-left: 0px;
}

.image-list-horizontal #ImagesList img
{
    border: 2px solid #000000;
    margin: 0px 2px;
    width: 40px;
    height: 40px;
    
    cursor: pointer;
}

.image-list-horizontal #ImagesList img[activ^="1"]
{
    border-color: #EDBA6D;
}


.image-list-buttons
{
    /*position: fixed; bottom: 100px; right: 75px;*/
    float: right;    
    height: 50px;
    padding: 5px 5px;
}

